<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品秒杀</title>
</head>
<body>


<div data-options="region:'north',title:'North Title',split:true" style="height: 100px">

</div>
<div data-options="region:'south'" style="height: 200px">

</div>

<div data-options="region:'center',title:'订单列表'" style="padding: 20px">
    <form action="createOrder" method="post">
        <h2>库存剩余：<span th:text="${stock}"></span></h2>
        <table class="easyui-datagrid" title="Basic DataGrid" style="width:700px"
               data-options="singleSelect:true,scrollbarSize :0,fitColumns:true">
            <thead>
            <tr>
                <th data-options="field:'itemid',width:80">商品编号</th>
                <th data-options="field:'productid',width:100">商品名称</th>
                <th data-options="field:'listprice',width:80,align:'right'">单价</th>
                <th data-options="field:'unitcost',width:80,align:'right'">购买数量</th>
                <th data-options="field:'attr1',width:250">总金额</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>1</td>
                <td>LagouPhone</td>
                <td>1999元</td>
                <td>1</td>
                <td>1999元</td>
            </tr>
            </tbody>
        </table>
        <br/>
        <br>
        <input type="submit" value="下单" onclick="order()" />
    </form>
</div>
<div data-options="region:'east'" style="width: 100px"></div>
<div data-options="region:'west'" style="width: 200px"></div>

<br>


</body>
</html>